* {
    margin: 0;
    padding: 0;
}

body {
    text-align: center;
    background-color: rgb(214, 233, 248);
}

/* 颜色按钮 */
a {
    font-size: small;
    position: absolute;
    top: 5px;
    cursor: pointer;
}

a.active {
    background-color: #76bffc;
    border: 1px solid #76bffc;
    border-radius: 3px;
}

.cb {
    color: rgb(82, 121, 226);
    right: 110px;
}

.cr {
    color: rgb(219, 93, 93);
    right: 75px;
}

.cg {
    color: rgb(0, 175, 23);
    right: 40px;
}

.cbk {
    color: rgb(0, 0, 0);
    right: 5px;
}

/* 时钟样式 */
.time {
    font-family: 'Share Tech Mono', monospace;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(50%, 50%);
    transform: translate(-50%, -50%);
}

.blue {
    color: rgb(75, 140, 225);
    text-shadow: 0 0 20px #0aafe6;
}

.red {
    color: rgb(236, 93, 37);
    text-shadow: 0 0 20px #f5814b;
}

.green {
    color: rgb(0, 228, 0);
    text-shadow: 0 0 20px rgb(107, 221, 107);
}

.black {
    color: rgb(0, 0, 0);
    text-shadow: 0 0 20px rgb(0, 0, 0);
}

p {
    /* 字母间距 */
    letter-spacing: 0.1em;
    font-size: 15px;
}